<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
    <meta name="Description" content="Ein Rollover ist ein interaktives Objekt, das sein Aussehen ndert, wenn Sie darauf klicken oder mit der Maus darauf zeigen. Sie knnen Rollover aus Objekte" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <!-- saved from url=(0014)about:internet -->
    <title>CorelDRAW Hilfe | Rollover erstellen</title>
    <link rel="StyleSheet" type="text/css" media="all" />
    <link rel="StyleSheet" href="css/webworks.css" type="text/css" media="all" />
    <link rel="StyleSheet" href="css/MyCatalog.css" type="text/css" media="all" />
    <script type="text/javascript" language="JavaScript1.2" src="wwhdata/common/context.js"></script>
    <script type="text/javascript" language="JavaScript1.2" src="wwhdata/common/towwhdir.js"></script>
    <script type="text/javascript" language="JavaScript1.2" src="wwhdata/common/wwhpagef.js"></script>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        var  WebWorksRootPath = "";
      // -->
    </script>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        // Set reference to top level help frame
        //
        var  WWHFrame = WWHGetWWHFrame("", true);
      // -->
    </script>
    <script type="text/javascript" language="JavaScript1.2" src="scripts/expand.js"></script>
  </head>
  <body onload="WWHUpdate();" onunload="WWHUnload();" onkeydown="WWHHandleKeyDown((document.all||document.getElementById||document.layers)?event:null);" onkeypress="WWHHandleKeyPress((document.all||document.getElementById||document.layers)?event:null);" onkeyup="WWHHandleKeyUp((document.all||document.getElementById||document.layers)?event:null);">
    <div class="Breadcrumbs" style="text-align: left;">
      <b class="UI_for_Steps">CorelDRAW Hilfe</b> : <a class="Breadcrumb_Link" href="CorelDRAW-Web-graphics.html#1004750">Webgrafiken</a> : <a class="Breadcrumb_Link" href="CorelDRAW-Creating-objects-for-the-Web.html#1004750">Objekte fr das Web erstellen</a> : Rollover erstellen</div>
    <hr align="left" />
    <a name="wppagetop"></a>
    <div class="Body">In diesem Abschnitt finden Sie Informationen zu den folgenden Themen:</div>
    <table class="MiniTOC" border="0" cellspacing="0" cellpadding="0" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;</td>
        <td width="97%">
          <a class="MiniTOC_Link" href="#1000051">So erstellen Sie Rollover-Objekte</a>
        </td>
      </tr>
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;</td>
        <td width="97%">
          <a class="MiniTOC_Link" href="#1000069">So bearbeiten Sie den Rollover-Status eines Objekts</a>
        </td>
      </tr>
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;</td>
        <td width="97%">
          <a class="MiniTOC_Link" href="#1000076">So zeigen Sie Rollover-Eigenschaften an</a>
        </td>
      </tr>
    </table>
    <h2 class="Heading_2"><a name="1004750">Rollover erstellen</a></h2>
    <p class="Body"><a name="1000038">Ein </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('CorelDRAW', 'CorelDRAW-Glossary.html#1802147', 'popups\u002Fglossary_drptdes-1802147.html');" onMouseOver="javascript:WWHShowPopup('CorelDRAW', 'popups\u002Fglossary_drptdes-1802147.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Rollover</a></span> ist ein interaktives <span class="Hypertext"><a href="javascript:WWHClickedPopup('CorelDRAW', 'CorelDRAW-Glossary.html#1948253', 'popups\u002Fglossary_drptdes-1948253.html');" onMouseOver="javascript:WWHShowPopup('CorelDRAW', 'popups\u002Fglossary_drptdes-1948253.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Objekt</a></span>, das sein Aussehen ndert, wenn Sie darauf klicken oder mit der Maus darauf zeigen. Sie knnen Rollover aus Objekten erstellen.</p>
    <p class="Body"><a name="1000039">Um ein Rollover zu erstellen, knnen Sie die folgenden Rollover-Statuseigenschaften hinzufgen:</a></p>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;	</td>
        <td width="97%"><b class="UI_for_Steps"><a name="1000040">Normal</a></b> ist der Standardstatus der Schaltflche, wenn keine Mausaktivitt durchgefhrt wurde.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;	</td>
        <td width="97%"><b class="UI_for_Steps"><a name="1000041">Darber</a></b> ist der Status der Schaltflche, wenn der Cursor ber sie gezogen wird.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;	</td>
        <td width="97%"><b class="UI_for_Steps"><a name="1000042">Angeklickt</a></b> ist der Status der Schaltflche, wenn auf sie geklickt wurde.</td>
      </tr>
    </table>
    <p class="Body"><a name="1000043">Sie knnen verschiedene Objekteigenschaften auf die einzelnen Rollover-Status anwenden. Sie knnen auch eine Vorschau der Rollover-Status anzeigen.</a></p>
    <p class="AnchorGraphic"><a name="1000508"><img class="Sample_Medium" src="images/CorelDRAW-webeff-web-buttons.jpg" width="421" height="192" style="display: block; float: none; left: 0.0; top: 0.0" alt="" /></a></p>
    <p class="CaptionOneLine"><a name="1000515">Rollover mit dem Status </a><b class="UI_for_Steps">Normal</b> (links), <b class="UI_for_Steps">Darber</b> (Mitte) und <b class="UI_for_Steps">Angeklickt</b> (rechts).</p>
    <p class="Body"><a name="1079998">Um ein Rollover-Objekt zu einem Webdesign hinzuzufgen, mssen Sie das Rollover im Macromedia Flash-Format (SWF) speichern. Weitere Informationen zum Erstellen und Bearbeiten von Objekten wie Rollover-Objekten finden Sie unter </a><a href="CorelDRAW-Working-with-objects.html#1005745" title="Mit Objekten arbeiten">Mit Objekten arbeiten.</a>.</p>
    <table class="ToDoHead" width="99%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="95%"><a name="1000051">So erstellen Sie Rollover-Objekte</a></td>
        <td align="right" valign="middle" width="5%">
          <a href="#wppagetop">
            <img border="0" src="images/BtnBackToTop.gif" alt="Nach oben" height="10" width="10" />
          </a>
        </td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">1	.</td>
        <td width="97%"><a name="1000052">Whlen Sie ein </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('CorelDRAW', 'CorelDRAW-Glossary.html#1948253', 'popups\u002Fglossary_drptdes-1948253.html');" onMouseOver="javascript:WWHShowPopup('CorelDRAW', 'popups\u002Fglossary_drptdes-1948253.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Objekt</a></span> aus.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">2	.</td>
        <td width="97%"><a name="1037336">Klicken Sie auf </a><b class="UI_for_Steps">Effekte</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Rollover</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Rollover erstellen</b>.</td>
      </tr>
    </table>
    <table class="ToDoHead" width="99%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="95%"><a name="1000069">So bearbeiten Sie den Rollover-Status eines Objekts</a></td>
        <td align="right" valign="middle" width="5%">
          <a href="#wppagetop">
            <img border="0" src="images/BtnBackToTop.gif" alt="Nach oben" height="10" width="10" />
          </a>
        </td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">1	.</td>
        <td width="97%"><a name="1080016">Klicken Sie auf </a><b class="UI_for_Steps">Fenster</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Symbolleisten</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Internet</b>.</td>
      </tr>
    </table>
    <table class="Indented" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="97%"><a name="1062723">Die Symbolleiste </a><b class="UI_for_Steps">Internet</b> wird angezeigt.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">2	.</td>
        <td width="97%"><a name="1060762">Whlen Sie das Rollover-Objekt durch Anklicken aus.</a></td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">3	.</td>
        <td width="97%"><a name="1062769">Klicken Sie in der Symbolleiste </a><b class="UI_for_Steps">Internet</b> auf die Schaltflche <b class="UI_for_Steps">Rollover bearbeiten</b> <img class="Inline" src="images/CorelDRAW-pgx-edit-roll.jpg" width="21" height="21" alt="" />.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">4	.</td>
        <td width="97%"><a name="1062740">Whlen Sie im Listenfeld </a><b class="UI_for_Steps">Aktiver Rollover-Status</b> einen Status aus:</td>
      </tr>
    </table>
    <table class="UnorderedListSecondLevel" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="3%">&#8226; 	</td>
        <td width="94%"><b class="UI_for_Steps"><a name="1062755">Normal</a></b></td>
      </tr>
    </table>
    <table class="UnorderedListSecondLevel" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="3%">&#8226; 	</td>
        <td width="94%"><b class="UI_for_Steps"><a name="1062749">Darber</a></b></td>
      </tr>
    </table>
    <table class="UnorderedListSecondLevel" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="3%">&#8226; 	</td>
        <td width="94%"><b class="UI_for_Steps"><a name="1062750">Angeklickt</a></b></td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">5	.</td>
        <td width="97%"><a name="1062765">Bearbeiten Sie die Objekteigenschaften, wie z. B. die Farbe.</a></td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">6	.</td>
        <td width="97%"><a name="1062932">Klicken Sie auf die Schaltflche </a><b class="UI_for_Steps">Rollover-Bearbeitung beenden</b> <img class="Inline" src="images/CorelDRAW-pgx-finish-editing-rollover.jpg" width="21" height="21" alt="" />.</td>
      </tr>
    </table>
    <p class="AnchorTable"><a name="1063016">&nbsp;</a></p>
    <table class="Ventura_Table" cellpadding="3" cellspacing="3" summary="">
      <caption></caption>
      <tr style="vertical-align: top">
        <td>
          <div class="Table_Head"><a name="1062992">Darber hinaus knnen Sie Folgendes tun:</a></div>
        </td>
        <td>
          <div class="Table_Head"><a name="1062994">&nbsp;</a></div>
        </td>
      </tr>
      <tr style="vertical-align: top">
        <td>
          <div class="Table_Text"><a name="1062996">Einen Rollover-Status lschen</a></div>
        </td>
        <td>
          <div class="Table_Text"><a name="1062998">Klicken Sie in der Symbolleiste </a><b class="UI_for_Steps">Internet</b> auf die Schaltflche <b class="UI_for_Steps">Lscht den Rollover-Status</b> <img class="Inline" src="images/CorelDRAW-pgx-delete-module.jpg" width="23" height="23" alt="" />.</div>
        </td>
      </tr>
      <tr style="vertical-align: top">
        <td>
          <div class="Table_Text"><a name="1063003">Einen Rollover-Status duplizieren</a></div>
        </td>
        <td>
          <div class="Table_Text"><a name="1063005">Klicken Sie in der Symbolleiste </a><b class="UI_for_Steps">Internet</b> auf die Schaltflche <b class="UI_for_Steps">Lscht den Rollover-Status</b> <img class="Inline" src="images/CorelDRAW-pgx-duplicate-rollover.jpg" width="21" height="21" alt="" />.</div>
        </td>
      </tr>
      <tr style="vertical-align: top">
        <td>
          <div class="Table_Text"><a name="1063010">Rollover rckgngig machen</a></div>
        </td>
        <td>
          <div class="Table_Text"><a name="1063012">Klicken Sie in der Symbolleiste </a><b class="UI_for_Steps">Internet</b> auf die Schaltflche <b class="UI_for_Steps">Rollover-Objekte extrahieren</b> <img class="Inline" src="images/CorelDRAW-pgx-extract-rollover.jpg" width="21" height="21" alt="" />.</div>
        </td>
      </tr>
      <tr style="vertical-align: top">
        <td>
          <p class="Body"><a name="1063766">Rahmen angeben, der beim Klicken auf das Rollover angezeigt wird</a></p>
        </td>
        <td>
          <div class="Table_Text"><a name="1063764">Whlen Sie in der Symbolleiste </a><b class="UI_for_Steps">Internet</b> im Listenfeld <b class="UI_for_Steps">Zielrahmen</b> einen Zielrahmen aus.</div>
        </td>
      </tr>
    </table>
    <p class="AnchorNote">
      <img src="images/note.gif" alt="*" border="0" width="18" height="15" /><a name="1063034"></a></p>
    <p class="Last_Note"><a name="1063036">Sie knnen eine Zeichnung, in der Sie gerade ein </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('CorelDRAW', 'CorelDRAW-Glossary.html#1802147', 'popups\u002Fglossary_drptdes-1802147.html');" onMouseOver="javascript:WWHShowPopup('CorelDRAW', 'popups\u002Fglossary_drptdes-1802147.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Rollover</a></span> bearbeiten, nicht schlieen. Sie mssen zunchst die Bearbeitung abschlieen.</p>
    <table class="ToDoHead" width="99%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="95%"><a name="1000076">So zeigen Sie Rollover-Eigenschaften an</a></td>
        <td align="right" valign="middle" width="5%">
          <a href="#wppagetop">
            <img border="0" src="images/BtnBackToTop.gif" alt="Nach oben" height="10" width="10" />
          </a>
        </td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">1	.</td>
        <td width="97%"><a name="1080021">Klicken Sie auf </a><b class="UI_for_Steps">Fenster</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Andockfenster</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Objekt-Manager</b>.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">2	.</td>
        <td width="97%"><a name="1000078">Klicken Sie auf die Seite und die Ebene, auf der sich das </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('CorelDRAW', 'CorelDRAW-Glossary.html#1802147', 'popups\u002Fglossary_drptdes-1802147.html');" onMouseOver="javascript:WWHShowPopup('CorelDRAW', 'popups\u002Fglossary_drptdes-1802147.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Rollover</a></span> befindet.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">3	.</td>
        <td width="97%"><a name="1000079">Klicken Sie auf den Rollover-Namen und blenden Sie die Statusoptionen </a><b class="UI_for_Steps">Normal</b>, <b class="UI_for_Steps">Darber</b> und <b class="UI_for_Steps">Angeklickt</b> ein.</td>
      </tr>
    </table>
    <p class="AnchorTip">
      <img src="images/tip.gif" alt="*" border="0" width="18" height="15" /><a name="1063053"></a></p>
    <p class="Last_Tip"><a name="1063055">Sie knnen eine Vorschau des Status eines </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('CorelDRAW', 'CorelDRAW-Glossary.html#1802147', 'popups\u002Fglossary_drptdes-1802147.html');" onMouseOver="javascript:WWHShowPopup('CorelDRAW', 'popups\u002Fglossary_drptdes-1802147.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Rollover</a></span>-Objekts auf der Zeichenseite anzeigen, indem Sie auf die Schaltflche <b class="UI_for_Steps">Live-Vorschau fr Rollover</b> <img class="Inline" src="images/CorelDRAW-pgx-live-rollover-prev.jpg" width="21" height="21" alt="" /> in der Symbolleiste <b class="UI_for_Steps">Internet</b> klicken. Klicken Sie zum Beenden der Vorschau auf die Schaltflche <b class="UI_for_Steps">Live-Vorschau fr Rollover</b> <img class="Inline" src="images/CorelDRAW-pgx-live-rollover-prev.jpg" width="21" height="21" alt="" />, damit Sie das Rollover-Objekt bearbeiten knnen. Whrend der Vorschau auf ein Rollover knnen Sie keine Aktionen rckgngig machen.</p>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
          // Clear related topics
          //
          WWHClearRelatedTopics();

          document.writeln(WWHRelatedTopicsInlineHTML());
        // -->
    </script>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        document.write(WWHRelatedTopicsDivTag() + WWHPopupDivTag() + WWHALinksDivTag());
      // -->
    </script>
    <!-- Copyright Section -->
    <p></p>
    <p class="Body">Copyright 2014 Corel Corporation. Alle Rechte vorbehalten.</p>
    <!-- End Copyright Section -->
  </body>
</html>